<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./table.css" />
    <link rel="stylesheet" href="./pugong.css" />
    <link rel="stylesheet" href="./utils.css" />
    <script src="./index.full.js"></script>

    <script>
      //适配代码
      (function (doc, win) {
        var docEI = doc.documentElement,
          resizeEvt = "orientationchange" in window ? "orientataionchange" : "resize",
          recalc = function () {
            var clientWidth = docEI.clientWidth;
            if (!clientWidth) return;
            //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
            docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>
    <style>
      * {
        /* margin: 0;
        padding: 0; */
        font-size: 0.25rem;
      }

      .fontw {
        font-weight: 700;
      }
    </style>
  </head>

  <body>
    <div id="app" class="table-content text-left">
      <div class="text-center fontw" style="font-size: 0.25rem; margin-bottom: 50px">致工人朋友一封信</div>

      <div style="font-size: 16px">
        <div class="mb-20">工友们：您好！</div>
        <div class="text-indent mb-20">感谢你们从祖国四面八方而来，为盐宜铁路建设贡献力量。在此，衷心地感谢你们，你们辛苦了!</div>
        <div class="text-indent mb-20">“儿行千里母担忧”。身处工程建设一线，你们的生命安全无不牵动着你们亲人的心，也牵动着我们项目部所有成员的心，更牵动着上级单位领导的心。一人安全，全家幸福，社会安宁。铁路施工行业是安全生产的高危行业，我们衷心希望工人朋友们，为了自己，为了家人，请牢记:珍爱生命，从我做起。在工作中尤其是在施工现场作业时，千万做到“五要、五不要”。即:</div>
        <div style="display: flex" class="mb-20">
          <div style="margin-right: 30px">“五 要”</div>
          <div>
            <div>1、入场作业前要接受安全教育。</div>
            <div>2、进入施工现场要戴好项目统一购买的安全帽。</div>
            <div>3、高处作业人员要系好五点式安全带。</div>
            <div>4、特殊工种作业人员要持证上岗。</div>
            <div>5、拆除工程应按自上而下顺序进行。</div>
          </div>
        </div>
        <div style="display: flex" class="mb-20">
          <div style="margin-right: 10px">“五 不 要”</div>
          <div>
            <div>1、作业前无安全交底不要上岗。</div>
            <div>2、防护措施不到位不要作业。</div>
            <div>3、无履行动火审批手续、无动火监护人员时不要动火。</div>
            <div>4、安全防护设施不要随意拆除。</div>
            <div>5、违章的指挥不要听从。</div>
          </div>
        </div>
        <div class="text-indent mb-20">工人朋友们，你们是工程建设的中坚力量，任务光荣而艰巨。希望你们一定要保护好自己，利用空闲时间加强学习，在建设过程中做到“不伤害自己、不伤害他人、不被他人伤害、保护他人不被伤害”。切记:侥幸是误区，违章是禁区，安全才是福区。让我们提高全员安全意识，做到人人懂安全、处处讲安全的施工氛围。最后祝愿大家高高兴兴工作，平平安安回家!</div>
        <div class="text-indent mb-20">安全隐患及建议举报电话：白超 13889376832</div>
      </div>
    </div>
    <script>
      const { createApp, reactive, toRefs, ref, onMounted } = Vue;
      const vue3Composition = {
        setup() {
          const fireForm = ref({
            year: "",
            month: "",
            day: "",
            acceptor: "", //承诺人
          });

          window.setSign = (event) => {
            console.log(event, "event22");
            fireForm.value[event.key] = event.img;
          };

          window.getData = (event) => {
            return fireForm.value;
          };
          window.setData = (data) => {
            fireForm.value = data;
          };

          //peopleForm.sign
          const setUpEquipment = (key, type) => {
            window.parent.childListener({
              key,
              type,
            });
          };
          return {
            fireForm,
            setUpEquipment,
          };
        },
      };
      const app = createApp(vue3Composition).use(ElementPlus).mount("#app");
    </script>
  </body>
</html>
